<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./lib/iconfont/iconfont.css">
    <link rel="stylesheet" href="./css/orders.css">
</head>

<body>
    <div class="mian">
        <!-- 用户订单信息-S -->
        <div class="user-massage pannel">
            <div class="address">
                <i class="iconfont icon-location"></i>
            </div>
            <!-- 用户详细信息 -->
            <div class="user">
                <div class="top">
                    <p>林丽</p>
                    <p>18500667882</p>
                </div>
                <div class="bottom">
                    <p>北京市 海淀区 中关村软件园 信息科技大厦1号
                        楼410#</p>
                </div>
            </div>
            <div class="more">
                <i class="iconfont icon-more"></i>
            </div>
        </div>
        <!-- 用户订单信息-E -->
        <!-- 商品信息-S -->
        <div class="shangpin pannel">
            <div class="pic"><img src="./uploads/pic.png" alt=""></div>
            <div class="txt">
                <div class="jieshao">
                    <p>康尔贝 非接触式红外体温仪 </p>
                    <p>领券立减30元 婴儿级材质 测温…</p>
                </div>
                <div class="label">粉色 红外体温计</div>
                <div class="jiage">
                    <p class="p1">
                        <span class="span1">￥</span>
                        <span class="span2">266</span>
                    </p>
                    <p class="p2">
                        <span class="span3">￥</span>
                        <span class="span4">299</span>
                    </p>
                </div>
            </div>
            <div class="x1">
                x<span>1</span>
            </div>
        </div>
        <!-- 商品信息-E -->
        <!-- 配送方式-S -->
        <div class="list pannel">
            <div class="box1">
                <p>配送方式</p>
                <p>顺丰快递</p>
            </div>
            <div class="box2">
                买家备注<input type="text" placeholder="希望尽快发货，谢谢~">
            </div>
            <div class="box3">
                <p>支付方式</p>
                <p>支付宝<span class="iconfont icon-more"></span></p>
            </div>
        </div>
        <!-- 配送方式-E -->
        <!-- 支付金额-S -->
        <div class="money pannel">
            <div class="box">
                <p>商品总价</p>
                <p>￥<span>299.00</span></p>
            </div>
            <div class="box">
                <p>运费</p>
                <p>￥<span>0.00</span></p>
            </div>
            <div class="box color">
                <p>折扣</p>
                <p>-￥<span>30.00</span></p>
            </div>  
        </div>
        <!-- 支付金额-E -->
    </div>
    <!-- 底部固定区域-S -->
    <footer>
        <div class="left">
            合计：<span class="color"><i>￥</i>266.00</span>
        </div>
        <div class="right">
            <a href="#">去支付</a>
        </div>
    </footer>
    <!-- 底部固定区域-E -->
</body>

</html>